<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
	<title>Document</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/category.css">
	<!-- <script src="js/common.js"></script> -->
	<script src="js/zepto.js"></script>
	<script src="js/touch.js"></script>
	<script src="js/fastclick.js"></script>
	<script src="js/iscroll.js"></script>
	<script src="js/category.js"></script>
</head>
<body>
	<div class="ct_layout">
		<div class="ct_header">
			<a href="javascript:void(0)" class="ct_back"></a>
			<form action="" class="ct_search">
				<input type="text" placeholder="请输入商品名称">
				<a href="javascript:void(0)" class="ct_menue"></a>
			</form>
		</div>
		<div class="ct_content">
			<!-- <span>123354679</span> -->
			<div class="ct_cLeft">
				<ul>
					<li class=""><a href="javascript:void(0);">分类1</a></li>
					<li class="active"><a href="javascript:void(0);">分类2</a></li>
					<li class=""><a href="javascript:void(0);">分类3</a></li>
					<li class=""><a href="javascript:void(0);">分类4</a></li>
					<li class=""><a href="javascript:void(0);">分类5</a></li>
					<li class=""><a href="javascript:void(0);">分类6</a></li>
					<li class=""><a href="javascript:void(0);">分类7</a></li>
					<li class=""><a href="javascript:void(0);">分类8</a></li>
					<li class=""><a href="javascript:void(0);">分类9</a></li>
					<li class=""><a href="javascript:void(0);">分类10</a></li>
					<li class=""><a href="javascript:void(0);">分类11</a></li>
					<li class=""><a href="javascript:void(0);">分类12</a></li>
					<li class=""><a href="javascript:void(0);">分类13</a></li>
					<li class=""><a href="javascript:void(0);">分类14</a></li>
					<li class=""><a href="javascript:void(0);">分类15</a></li>
				</ul>
			</div>
			<div class="ct_cRight">
				<a href="javascript:void(0);" class="ct_rImg">
					<img src="images/banner_1.jpg" alt="">
				</a>
				<h3>热门分类</h3>
				<div class="ct_hotCategory" style="position: relative;">
					<ul style="overflow: hidden;">
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li><li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li><li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img src="images/nv-fy.jpg" alt="">
								<p>毛衣</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript">
	var myScroll = new IScroll('.ct_hotCategory',{
            mouseWheel: true,
            scrollbars: true
        });
</script>
</body>
</html>